<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客编辑页</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/edit.css">
    <link rel="stylesheet" href="blog-editormd/css/editormd.css" />

</head>

<body>
<div class="nav">
    <img src="pic/logo2.jpg" alt="">
    <span class="blog-title">我的博客系统</span>
    <div class="space"></div>
    <a class="nav-span" href="blog_list.html">主页</a>
    <a class="nav-span" href="blog_edit.html">写博客</a>
    <a class="nav-span" href="#" onclick="logout()">注销</a>
</div>
<div class="content-edit">
    <div class="push">
        <input type="text" name="" id="title">
        <input type="button" value="发布文章" id="submit" onclick="submit()">
    </div>
    <!-- markdown 插件 html代码 -->
    <div id="editor">
        <textarea style="display:none;" id="content" name="content">##在这里写下一篇博客</textarea>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="blog-editormd/editormd.min.js"></script>
<script src="js/common.js"></script>
<script type="text/javascript">

       $(function () {
    var editor = editormd("editor", {
        width: "100%",
        height: "550px",
        path: "blog-editormd/lib/"
    });
});

function submit() {
    // 关键：先校验登录状态（检查本地存储的 loginUserId 是否存在）
    const loginUserId = localStorage.getItem("loginUserId");
    if (!loginUserId) { // 未登录（本地存储中没有用户ID）
        alert("请先登录后再发布博客！"); // 弹出提示
        location.href = "blog_login.html"; // 跳转到登录页
        return; // 终止函数，不执行后续提交逻辑
    }

    // 已登录：继续执行提交逻辑
    const title = $.trim($("#title").val());
    const content = $.trim($("#content").val());

    // 额外：非空校验（避免提交空博客）
    if (!title) {
        alert("请输入博客标题！");
        return;
    }
    if (!content) {
        alert("请编辑博客内容！");
        return;
    }

    $.ajax({
        type: "post",
        url: "/blog/add",
        contentType: "application/json",
        data: JSON.stringify({
            userId: loginUserId, // 已校验过，直接使用
            title: title,
            content: content
        }),
        success: function (result) {
            if (result.code == 200 && result.data) {
                alert("博客发布成功！");
                location.href = "blog_list.html";
            } else {
                alert("发布失败：" + (result.msg || "未知错误"));
            }
        },
        error: function (error) {
            // 双重保险：如果本地存储有标识，但后端返回未登录（401），也提示登录
            if (error.status == 401) {
                alert("登录状态已失效，请重新登录！");
                localStorage.removeItem("loginUserId"); // 清除失效的登录标识
                location.href = "blog_login.html";
            } else {
                alert("网络异常，发布失败，请稍后重试！");
            }
        }
    });
}
    </script>
</body>

</html>